var imagesInOrder = false, superboxItem;

$(document).ready(function () {
    if (window['menuItem'] == undefined) window['menuItem'] = 'categorias';
    superboxItem = $('#superboxItem').val();
    $('#left-panel li[data-nav="'+window['menuItem']+'"]').addClass('active');
    boxes();
    ajaxFileUpload();
    $('.images-upload').find('.banner:hidden').show();
    $('.saveForm').click(function () {$('form:first').submit()})
})

function boxes () {
    if (document.location.hash == '#new') boxSuccess('La categoría se cargó con éxito');
    if (document.location.hash == '#edit') boxSuccess('La categoría se editó con éxito');
}

function forceUpload () {
    $('#mySubmit').trigger('click');
}

//IMAGENES

//cargar
function ajaxFileUpload () {
    var html, replacer = new Replacer();
    $('#imagesUploader').ajaxForm({
        beforeSend: function () {
            $('#ajaxFormLoader').show();
        },
        success: function (data) {
            $('#ajaxFormLoader').hide();
            if (data) {
                $('.uploader img')
                .fadeOut(400, function() {
                    $('.uploader img').attr('src',data[0].src);
                })
                .fadeIn(400);
            }
        }
    });
}

//ordenar
function ordenarImagenes () {
    var data = '', id;
    $('.images-upload .banner').each(function (i) {
        data += '&orden[]='+i;
        data += '&id[]='+$(this).attr('data-id');
    })
    $.ajax({
        type:'POST',
        url:BASE_URL+'php/controllers/ordenar.controller.php',
        data: 'tabla=imagen'+data,
        success:function () {
            imagesInOrder = true;
            $('form:first').submit();
        }
    })    
}

//borrar
function borrarImagen (id) {
    borrarModalInit();
    $('#myModal').modal('show');
    $('#myModal #modalAction').click(function () {
        $('#myModal .modal-footer button').unbind('click');
        loaderModalInit();
        $.ajax({
            type:'post',
            url: BASE_URL+'php/controllers/borrarImagen.controller.php',
            data:{id:id},
            success: function () {
                $('#myModal').modal('hide');
                $('.banner[data-id="'+id+'"]').fadeOut(
                    500,
                    function () {
                        $('.banner[data-id="'+id+'"]').remove();
                    }
                )
                    
            }
        })
    })
}
//--FIN IMAGENES--



//modals
function borrarModalInit () {
    $('#myModal #myModalLabel .text').html('Borrar Imagen');
    $('#myModal #myModalLabel .jarviswidget-loader').hide();
    $('#myModal .modal-body p').html('¿Está seguro que desea borrar esta imagen?');
    $('#myModal #modalAction').html('Borrar').addClass('btn-danger');
    $('#myModal .modal-footer button').attr('disabled', false);
}

function errorModalInit () {
    $('#myModal #myModalLabel .text').html('Error');
    $('#myModal #myModalLabel .jarviswidget-loader').hide();
    $('#myModal .modal-body p').html('El formato de archivo debe ser jpg, png o gif');
    $('#myModal .modal-footer button').hide();
}

function loaderModalInit () {
    $('#myModal #myModalLabel .jarviswidget-loader').show();
    $('#myModal .modal-body p').html('Por favor espere...');
    $('#myModal .modal-footer button').attr('disabled', true);
}